import React from 'react';

class Djradio extends React.Component{
    render(){
        return(
        <div>
        <div className="g-bd clearfix">
			<div className="g-wrap m-radio clearfix">
				<div className="rditype clearfix">
					<ul className="clearfix">
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>						
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>						
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>						
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>						
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>						
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>						
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>						
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>						
						<li>
							<div className="dj-icon">
								
							</div>
							<a href="##">有声书</a>
						</li>						
					</ul>
				</div>
				<div className="rditop clearfix">
					<div className="rditop-left clearfix">
						<div className="rditop-left-top clearfix">
							<h2><a href="##">推荐节目</a></h2>
							<a href="##" className="rditop-more">更多 ></a>
						</div>
						<div className="rditop-left-bot clearfix">
							<ul>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
								<li className="djitm clearfix">
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/MS97p2nwS3d6Wjd6lVXvnA==/1396379778174456.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>你知道松鼠桂鱼名字的来由吗？</h3>
										<p>围炉夜话</p>
									</div>
									<a href="##" className="tag">人文历史</a>
								</li>
							</ul>
						</div>
					</div>
					<div className="rditop-right clearfix">
						<div className="rditop-left-top clearfix">
							<h2><a href="##">节目排行榜</a></h2>
							<a href="##" className="rditop-more">更多 ></a>
						</div>
						<div className="rditop-left-bot clearfix">
							<ul>
								<li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li>
								<li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li>
								<li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li>
								<li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li>
								<li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li>
								<li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li><li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li>
								<li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li>
								<li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li>
								<li className="djitm clearfix">
									<div className="djitm-left">
										01
									</div>
									<a href="##" className="cvr">
										<img src="http://p1.music.126.net/fsH-LhHZfqr6ioopcS1xSw==/18678503535196905.jpg?param=40x40"/>
									</a>
									<div className="rditop-left-bot-nr clearfix">
										<h3>6.25 ASMR 机器人女仆的故事</h3>
										<p>明星会客室</p>
									</div>
									<i className="right-li"></i>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div className="rdimore clearfix">
					<div className="rdimore-top clearfix">
						<h2><a href="##">音乐故事</a>·电台</h2>
						<span><a href="##">更多 ></a></span>
					</div>
					<div className="rdimore-bot clearfix">
						<ul className="clearfix">
							<li className="li-bot-bor clearfix">
								<div className="rdimore-bot-img">
									<img src="http://p1.music.126.net/9bYUdeWJOfC0_NdcQEclGQ==/18687299627598261.jpg?param=200y200"/>
								</div>
								<div className="rdimore-bot-nr">
									<h4>林非的唱片私藏馆</h4>
									<p>珍藏经典，留住好唱片</p>
								</div>
							</li>
							<li className="li-bot-bor li-right-ma clearfix">
								<div className="rdimore-bot-img">
									<img src="http://p1.music.126.net/9bYUdeWJOfC0_NdcQEclGQ==/18687299627598261.jpg?param=200y200"/>
								</div>
								<div className="rdimore-bot-nr">
									<h4>林非的唱片私藏馆</h4>
									<p>珍藏经典，留住好唱片</p>
								</div>
							</li>
							<li className="clearfix">
								<div className="rdimore-bot-img">
									<img src="http://p1.music.126.net/9bYUdeWJOfC0_NdcQEclGQ==/18687299627598261.jpg?param=200y200"/>
								</div>
								<div className="rdimore-bot-nr">
									<h4>林非的唱片私藏馆</h4>
									<p>珍藏经典，留住好唱片</p>
								</div>
							</li>
							<li className="li-right-ma clearfix">
								<div className="rdimore-bot-img">
									<img src="http://p1.music.126.net/9bYUdeWJOfC0_NdcQEclGQ==/18687299627598261.jpg?param=200y200"/>
								</div>
								<div className="rdimore-bot-nr">
									<h4>林非的唱片私藏馆</h4>
									<p>珍藏经典，留住好唱片</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div className="rdimore clearfix">
					<div className="rdimore-top clearfix">
						<h2><a href="##">音乐故事</a>·电台</h2>
						<span><a href="##">更多 ></a></span>
					</div>
					<div className="rdimore-bot clearfix">
						<ul className="clearfix">
							<li className="li-bot-bor clearfix">
								<div className="rdimore-bot-img">
									<img src="http://p1.music.126.net/9bYUdeWJOfC0_NdcQEclGQ==/18687299627598261.jpg?param=200y200"/>
								</div>
								<div className="rdimore-bot-nr">
									<h4>林非的唱片私藏馆</h4>
									<p>珍藏经典，留住好唱片</p>
								</div>
							</li>
							<li className="li-bot-bor li-right-ma clearfix">
								<div className="rdimore-bot-img">
									<img src="http://p1.music.126.net/9bYUdeWJOfC0_NdcQEclGQ==/18687299627598261.jpg?param=200y200"/>
								</div>
								<div className="rdimore-bot-nr">
									<h4>林非的唱片私藏馆</h4>
									<p>珍藏经典，留住好唱片</p>
								</div>
							</li>
							<li className="clearfix">
								<div className="rdimore-bot-img">
									<img src="http://p1.music.126.net/9bYUdeWJOfC0_NdcQEclGQ==/18687299627598261.jpg?param=200y200"/>
								</div>
								<div className="rdimore-bot-nr">
									<h4>林非的唱片私藏馆</h4>
									<p>珍藏经典，留住好唱片</p>
								</div>
							</li>
							<li className="li-right-ma clearfix">
								<div className="rdimore-bot-img">
									<img src="http://p1.music.126.net/9bYUdeWJOfC0_NdcQEclGQ==/18687299627598261.jpg?param=200y200"/>
								</div>
								<div className="rdimore-bot-nr">
									<h4>林非的唱片私藏馆</h4>
									<p>珍藏经典，留住好唱片</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div> 
		</div>
        </div>
        )
    }
}

module.exports= Djradio;